HTML Colors

HTML রঙগুলি পূর্বনির্ধারিত রঙের নাম বা RGB, HEX, HSL, RGBA বা HSLA মানগুলির সাথে নির্দিষ্ট করা হয়।

রঙের নাম

140টি আদর্শ রঙের নাম

RGB & RGBA

লাল, সবুজ, নীল মান

HEX মান

হেক্সাডেসিমেল সংখ্যা বিন্যাস

HSL & HSLA

রঙ, স্যাচুরেশন, উজ্জ্বলতা

রঙের নাম

HTML এ, রঙের নাম ব্যবহার করে একটি রঙ নির্দিষ্ট করা যেতে পারে:

Tomato

Orange

DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray

জসিফ টিম টিপ:

HTML 140টি আদর্শ রঙের নাম সমর্থন করে।

পটভূমির রঙ

আপনি HTML উপাদানগুলির জন্য পটভূমির রঙ সেট করতে পারেন:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

উদাহরণ

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

পাঠ্যের রঙ

আপনি পাঠ্যের রঙ সেট করতে পারেন:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

উদাহরণ

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

সীমানা রঙ

আপনি সীমানা রঙ সেট করতে পারেন:

Hello World

উদাহরণ

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

রঙের মান

HTML-এ, RGB মান, HEX মান, HSL মান, RGBA মান এবং HSLA মান ব্যবহার করে রঙগুলিও নির্দিষ্ট করা যেতে পারে।

জসিফ দলের বর্ণনা:

নিম্নলিখিত তিনটি উপাদানের RGB, HEX এবং HSL মানগুলির সাথে তাদের পটভূমির রঙ সেট করা আছে:

RGB

rgb(255, 99, 71)

HEX

#ff6347

HSL

hsl(9, 100%, 64%)

জসিফ দলের বর্ণনা:

নিম্নলিখিত দুটি উপাদানগুলির পটভূমির রঙ RGBA এবং HSLA মানগুলির সাথে সেট করা আছে, যা রঙে একটি আলফা চ্যানেল যুক্ত করে (এখানে আমাদের 50% স্বচ্ছতা রয়েছে):

RGBA
rgba(255, 99, 71, 0.5)

HSLA
hsla(9, 100%, 64%, 0.5)

উদাহরণ

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

অনুশীলন করুন

🎨আইনি HTML রঙের নাম মনে রাখবেন? নিচের কোনটি আইনি HTML রঙ?

Apple

✗ ভুল! Apple একটি আইনি HTML রঙের নাম নয়

Banana

✗ ভুল! কলা একটি আইনি HTML রঙের নাম নয়

Tomato

✓ ঠিক আছে! টমেটো একটি আইনি HTML রঙের নাম

জসিফ টিম শীর্ষ টিপ:

HTML-এ 140টি মানক রঙের নাম রয়েছে, তবে সবচেয়ে সাধারণ হল: লাল, সবুজ, নীল, হলুদ, কমলা, বেগুনি, গোলাপী, বাদামী, কালো, সাদা, ধূসর, সিলভার, গোল্ড, টমেটো, ডজার ব্লু, ভায়োলেট এবং মিডিয়াম সিগ্রিন।

রঙ সিস্টেমের তুলনা

পদ্ধতি	ব্যাখ্যা	উদাহরণ	আবেদন
রঙের নাম	পূর্বনির্ধারিত নাম	Tomato	দ্রুত এবং সহজ
RGB	লাল, সবুজ, নীল মান (0-255)	rgb(255, 99, 71)	সুনির্দিষ্ট রঙ নিয়ন্ত্রণ
HEX	হেক্সাডেসিমেল সংখ্যা বিন্যাস	#ff6347	ওয়েব স্ট্যান্ডার্ডে সাধারণ, CSS
HSL	রঙ, স্যাচুরেশন, উজ্জ্বলতা	hsl(9, 100%, 64%)	মানুষের জন্য অন্তর্দৃষ্টি
RGBA/HSLA	আলফা চ্যানেল সহ (স্বচ্ছতা)	rgba(255, 99, 71, 0.5)	উজ্জ্বল রং

পরবর্তী অধ্যায় সম্পর্কে জানুন

জসিফ টিম পরবর্তী পাঠ:

আপনি পরবর্তী অধ্যায়ে RGB, HEX এবং HSL সম্পর্কে আরও শিখবেন। এটি রঙের মানগুলির একটি গভীর উপলব্ধি প্রদান করবে।

RGB Colors

লাল, সবুজ, নীল মানগুলির সংমিশ্রণ

HEX Colors

হেক্সাডেসিমেল বিন্যাসে রং

HSL Colors

হিউ, স্যাচুরেশন, লাইটনেস মডেল

পূর্ববর্তী পরবর্তী